const util = require('../../utils/util.js');
const api = require('../../utils/api.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    kw:'精美壁纸',
    images_list:[],
    start:0,
    count:720,
    pages:1,
    isLoading:false,
    backTop:false,
    cancel:false
  },
  getSearchWords(e){
    this.data.kw = e.currentTarget.dataset['words']
    const words = {detail:{value:e.currentTarget.dataset['words']}}
    this.getValue(words)
  },
  //获取value值
  getValue(e){
    if(e.detail.value!=''){
      this.setData({
      kw:e.detail.value,
      cancel:true
    })
    this.setData({
      images_list:[]
    })
    this.getSearchData()
    }else{
      wx.showToast({
        title: '不能为空！',
        icon:'none'
      })
    }
  },
  //清空搜索框
  cancel(){
    this.setData({
      kw:'',
      cancel:false
    })
    
  },
  //获取滚动条滚动的距离
  onPageScroll(e){
    if(e.scrollTop>200){
      this.setData({
        backTop:true
      })
    }else{
      this.setData({
        backTop:false
      })
    }
  },
  //返回顶部事件
  goTop(){
    wx.pageScrollTo({
      scrollTop:0,
      duration: 500,
    })
  },
  //搜索数据
  getSearchData(){
    let that = this;
    let value = wx.getStorageSync('searchKey')|| []
    value.unshift(this.data.kw)
    value = Array.from(new Set(value))
    if( value.length >= 4) {
      value.pop()
    }
    wx.setStorageSync('searchKey', value)
    util.request(api.ApiSearch,{"kw":this.data.kw,"start":this.data.start}).then(function(res){
      that.setData({
        images_list:[...that.data.images_list,...JSON.parse(res.data.object_list.Raw)],
        searchKeys: (wx.getStorageSync('searchKey') || []).map(key => {
          return {
            words: key,
          }
        })
      })
    })
  },
  handleClick: function(e) {  
    let userInfo =wx.getStorageSync('userInfo')
    if (!userInfo){
      util.GetUserInfo()
    }else{
      wx.navigateTo({
        url: "/pages/photoInfo/photoInfo?current_index="+e.currentTarget.dataset['index']+"&image_url="+e.currentTarget.dataset['image_url'],
      })
    }   
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getSearchData()
    this.setData({
      searchKeys: (wx.getStorageSync('searchKey') || []).map(key => {
        return {
          words: key,
        }
      })
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(this.data.isLoading){
      return
    }else{
      if(this.data.pages*24<this.data.count){
        this.setData({
          pages:this.data.pages+1,
          start:this.data.start+24
      })
        this.getSearchData()
      }else{
        wx.showToast({
          title: '没有更多数据啦！',
        })
      }
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})